page {
    height: 100%;
    //overflow: hidden;
}

.tabs {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;

    .contact_btn {
        position: absolute;
        right: 30rpx;
        top: 0;

        .btn {
            width: 120rpx;
            height: 60rpx;
            line-height: 60rpx;
            opacity: 0;
        }
    }

    .tabs_title {
        display: flex;
        justify-content: space-between;
        padding: 0 30rpx;
        position: fixed;
        z-index: 1;
        height: 70rpx;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 5rpx 2rpx rgba(204, 204, 204, 0.3);

        .title_item {
            display: flex;
            justify-content: center;
            // align-items: center;
            flex: 1;
            padding: 15rpx 0;
            font-size: 28rpx;
            color: rgb(153, 153, 153);
        }

        .active {
            color: #333;
            font-size: 28rpx;
            font-weight: 600;
            //border-bottom: 5rpx solid var(--themeColor);
        }

        .active-line {
            width: 84rpx;
            height: 5rpx;
            background: var(--themeColor);
            position: absolute;
            bottom: 0;
            left: 20rpx;
            transition: all 0.3s ease;
        }

        .active-line-f {
            transform: translate3d(0, 0, 0);
        }

        .active-line-r {
            transform: translate3d(150rpx, 0, 0);
        }
    }

    .tabs_content {
        // flex:1 1;
        // overflow: auto;
        position: absolute;
        width: 100%;
        padding-top: 70rpx;
    }
}